/*
* 基础 variables
*/

// Fonts - 字体
//
// Font, line-height, and color for body text, headings, and more.
@font-family:               "Microsoft YaHei",Arial,sans-serif,"PingFang SC","Helvetica Neue",Helvetica,"Hiragino Sans GB","WenQuanYi Micro Hei";
@font-family-sans-serif:    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
@font-family-monospace:     Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
@font-family-base:          @font-family-sans-serif;

// Colors - 颜色
//
// 标准颜色
@white:                     #FFFFFF;
@black:                     #000000;
@red:                       #fd2424;
@orange:                    #FF7700;
@yellow:                    #FFD500;
@green:                     #5CB85C;
@blue:                      #0275d8;
@teal:                      #5BC0DE;
@pink:                      #FE7077;
@purple:                    #613D7C;
@main:                      #38ca73;   // 主色
@mainLighter:               #5DC8FF;   // 淡主色

// 标准灰度
@gray-black:                #000000;   // 标题
@gray-title:                #444444;   // 标题
@gray-dark:                 #888888;   // 正文
@gray-mark:                 #CCCCCC;   // 标注
@gray:                      #AAAAAA;   // 失效信息
@gray-light:                #C8C8C8;   // 次级信息
@gray-lighter:              #D7D7D7;   // 待输入信息
@gray-lightest:             #E5E5E5;   // 分割线
@white-dark:                #F1F1F1;   // 灰色背景色

// 标准主题色

@primary:                   @main;
@success:                   @green;
@info:                      @teal;
@warning:                   @orange;
@danger:                    @red;
@inverse:                   @gray-dark;

// Spacing - 间距
//
// 标准间距
@space:                 0rpx;
@space-xs:              5rpx;
@space-sm:              10rpx;
@space-md:              20rpx;
@space-lg:              30rpx;
@space-xl:              40rpx;


// Fonts - 字体
@font-size:                 50rpx;
@font-size-xl:              36rpx;
@font-size-lg:              30rpx;
@font-size-md:              28rpx;
@font-size-sm:              26rpx;
@font-size-xs:              24rpx;

@line-height-lg:            1.5;
@line-height-sm:            1.2;

// border-width
@border-thin:               1rpx;
@border-bold:               2rpx;

@border-radius:             8rpx;
@border-radius-lg:          100rpx;
@border-radius-sm:          12rpx;

// ----------------------------------------------------
// 业务变量

// Body - 内容
@body-bg:                   #F2F2F5;
@title-bg:                  #F6F6FB;

// border
@border-color:              #E8E8E8 ;
@border:                    @border-thin solid @border-color;
@box-shadow:                0 5px 10px rgba(0,0,0,.1) ;

// form
@form-height:               100rpx;
@form-gap-h:                30rpx;
@form-gap-v:                20rpx;